<template>
	<view>
		<view class="wholeWh justifyCen" :style="{'top':[topType === 'usual' ? navHeight + 'px' : 0 + 'px'],'bottom':wholeBot +'rpx',background:background}">
			<view class="noSqMsg" :style="{'margin-top':margTop + 'rpx'}" @tap="goEvents">
				<image class="samePar" :src="getStaticFilePath('noSqData.png')"></image>
				<view>{{msgTxt}}</view>
				<view class="tips">{{tipsTxt}}</view>
			</view>
		</view> 
	</view>
</template>

<script>
	import { systemInfo } from '@/mixins/systemInfo.js' 
	export default {
		mixins:[systemInfo],
		props:{
			msgTxt:{
				type:String,
				default:'暂无记录'
			},
			topType:{//距离顶部距离类型 通用usual 其它 specal
				type:String,
				default:'usual'
			},
			wholeBot:{
				type:String,
				default:'0'
			},
			margTop:{
				type:Number,
				default:200
			},
			tipsTxt:{
				type:String,
				default:''
			},
			background:{
				type:String,
				default:'#faf9fe'
			}
		},
		mounted(){
			this.getSystemInfo();
		},
		methods:{
			goEvents(){
				this.$emit('goEvents');
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wholeWh{
		border-radius: 30rpx 30rpx 0 0;
	}
	.noSqMsg{
		font-size: 28rpx;
		color:$sq-main0;
		text-align: center;
		width:360rpx;
		height:360rpx;
		.tips{
			color: $sq-main8;
			margin-top: 10rpx;
		}
	}
</style>